import React from 'react';
import { Tabs, List,Icon } from 'antd-mobile';
import Container from '../components/Base/Container';
import ReactEcharts from '../components/Base/Echarts';
import styles from './PrecisionPage.css';

const TabPane = Tabs.TabPane;
const ListItem = List.Item;


const Item = List.Item;
const Brief = Item.Brief;



class P extends React.Component {
  render() {
    return (
      <Container title="回访记录">
        <div>
          <Tabs defaultActiveKey="1" swipeable={false}>
            <TabPane tab="已完成" key="1">
              <div>

                <List
                  renderHeader={() =>
                    <div className={styles.header}>
                      <span className={styles.header_item}>会员姓名</span>
                      <span className={styles.header_span}>电话</span>
                      <span className={styles.header_span}>任务类型</span>
                    </div>}
                >
                  <ListItem
                    onClick={() => {
                    }}
                  >
                    <div className={styles.header}>
                      <span className={styles.header_item}>张一</span>
                      <span className={styles.header_span}>13721880660</span>
                      <span className={styles.header_span}>新客转化</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>李紫涵</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'green', fontWeight: 'bold' }}>复购提醒</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>胡维佳</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'red', fontWeight: 'bold' }}>流失提醒</span>
                    </div>
                  </ListItem>
                  <ListItem
                    onClick={() => {
                    }}
                  >
                    <div className={styles.header}>
                      <span className={styles.header_item}>张一</span>
                      <span className={styles.header_span}>13721880660</span>
                      <span className={styles.header_span}>新客转化</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>李紫涵</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'green', fontWeight: 'bold' }}>复购提醒</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>胡维佳</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'red', fontWeight: 'bold' }}>流失提醒</span>
                    </div>

                  </ListItem>
                </List>
              </div>
            </TabPane>
            <TabPane tab="跟进中" key="2">

              <div>

                <List
                  renderHeader={() =>
                    <div className={styles.header}>
                      <span className={styles.header_item}>会员姓名</span>
                      <span className={styles.header_span}>电话</span>
                      <span className={styles.header_span}>任务类型</span>
                    </div>}
                >
                  <ListItem
                    onClick={() => {
                    }}
                  >
                    <div className={styles.header}>
                      <span className={styles.header_item}>张一</span>
                      <span className={styles.header_span}>13721880660</span>
                      <span className={styles.header_span}>新客转化</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>李紫涵</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'green', fontWeight: 'bold' }}>复购提醒</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>胡维佳</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'red', fontWeight: 'bold' }}>流失提醒</span>
                    </div>
                  </ListItem>
                  <ListItem
                    onClick={() => {
                    }}
                  >
                    <div className={styles.header}>
                      <span className={styles.header_item}>张一</span>
                      <span className={styles.header_span}>13721880660</span>
                      <span className={styles.header_span}>新客转化</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>李紫涵</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'green', fontWeight: 'bold' }}>复购提醒</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>胡维佳</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'red', fontWeight: 'bold' }}>流失提醒</span>
                    </div>

                  </ListItem>
                </List>
              </div>

            </TabPane>
            <TabPane tab="回访成功" key="3">

              <div>

                <List
                  renderHeader={() =>
                    <div className={styles.header}>
                      <span className={styles.header_item}>会员姓名</span>
                      <span className={styles.header_span}>电话</span>
                      <span className={styles.header_span}>任务类型</span>
                    </div>}
                >
                  <ListItem
                    onClick={() => {
                    }}
                  >
                    <div className={styles.header}>
                      <span className={styles.header_item}>张一</span>
                      <span className={styles.header_span}>13721880660</span>
                      <span className={styles.header_span}>新客转化</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>李紫涵</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'green', fontWeight: 'bold' }}>复购提醒</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>胡维佳</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'red', fontWeight: 'bold' }}>流失提醒</span>
                    </div>
                  </ListItem>
                  <ListItem
                    onClick={() => {
                    }}
                  >
                    <div className={styles.header}>
                      <span className={styles.header_item}>张一</span>
                      <span className={styles.header_span}>13721880660</span>
                      <span className={styles.header_span}>新客转化</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>李紫涵</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'green', fontWeight: 'bold' }}>复购提醒</span>
                    </div>
                  </ListItem>
                  <ListItem>
                    <div className={styles.header}>
                      <span className={styles.header_item}>胡维佳</span>
                      <span className={styles.header_span}>15375504680</span>
                      <span className={styles.header_span} style={{ color: 'red', fontWeight: 'bold' }}>流失提醒</span>
                    </div>

                  </ListItem>
                </List>
              </div>

            </TabPane>

          </Tabs>
        </div>
      </Container>

    );
  }
}
export default P;
